<section id="schedule" class="pb-xlg pt-xlg">
    <div class="container pt-xlg pb-xlg mt-xlg">
        <div class="row pt-sm pb-xlg">
            <div class="col-md-12">
                <h2 class="text-color-dark text-uppercase font-weight-bold center mb-xs">大赛日程</h2>
                <p class="custom-font-size-1 center mb-sm">Schedule</p>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-4">
                <div class="custom-circle-date background-color-primary no-border text-color-light center ml-xl mb-xlg">
                    <div class="circle-dotted">
                        <div class="circle-center">
                            <span class="custom-font-size-6 text-color-light font-weight-bold text-uppercase mb-none">04.21</span>
                            <span class="text-color-light font-weight-normal">Apr-21</span>
                        </div>
                    </div>
                </div>
                <div class="timeline-balloon pb-xlg mb-sm">
                    <div class="balloon-cell balloon-time pt-xl">
                        <span class="time-text text-color-dark font-weight-bold custom-font-size-3"></span>
                        <div class="time-dot background-color-light"></div>
                    </div>
                    <div class="balloon-cell appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="0">
                        <div class="balloon-content balloon-shadow background-color-light text-color-quaternary p-xl">
                            <span class="balloon-arrow background-color-light"></span>
                            <div class="balloon-description">
                                <h5 class="text-color-dark text-uppercase font-weight-bold m-none">大赛启动</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="timeline-balloon pb-xlg mb-sm">
                    <div class="balloon-cell balloon-time pt-xl">
                        <span class="time-text text-color-dark font-weight-bold custom-font-size-3"></span>
                        <div class="time-dot background-color-light"></div>
                    </div>
                    <div class="balloon-cell appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="0">
                        <div class="balloon-content background-color-light text-color-quaternary p-xlg pr-md">
                            <span class="balloon-arrow background-color-light"></span>

                            <div class="balloon-description">
                                <h5 class="text-color-dark text-uppercase font-weight-bold pt-xs mb-sm">作品征集</h5>
                                <p class="font-weight-normal custom-font-size-3 mb-xs">请在线报名，并提交作品</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-12 col-md-4">
                <div class="custom-circle-date custom-circle-date-light background-color-light center ml-xl mb-xlg">
                    <div class="circle-dotted">
                        <div class="circle-center">
                            <span class="custom-font-size-6 text-color-dark font-weight-bold text-uppercase mb-none">08.31</span>
                            <span class="text-color-dark font-weight-normal">Aug-7</span>
                        </div>
                    </div>
                </div>
                <div class="timeline-balloon pb-xlg mb-sm">
                    <div class="balloon-cell balloon-time pt-xl">
                        <span class="time-text text-color-dark font-weight-bold custom-font-size-3"></span>
                        <div class="time-dot background-color-light"></div>
                    </div>
                    <div class="balloon-cell appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="0">
                        <div class="balloon-content balloon-shadow background-color-light text-color-quaternary p-xl">
                            <span class="balloon-arrow background-color-light"></span>
                            <div class="balloon-description">
                                <h5 class="text-color-dark text-uppercase font-weight-bold m-none">作品提交截止</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="timeline-balloon pb-xlg mb-sm">
                    <div class="balloon-cell balloon-time pt-xl">
                        <span class="time-text text-color-dark font-weight-bold custom-font-size-3"></span>
                        <div class="time-dot background-color-light"></div>
                    </div>
                    <div class="balloon-cell appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="0">
                        <div class="balloon-content background-color-light text-color-quaternary p-xlg pr-md">
                            <span class="balloon-arrow background-color-light"></span>
                            <div class="balloon-description">
                                <h5 class="text-color-dark text-uppercase font-weight-bold pt-xs mb-sm">作品评审</h5>
                                <p class="font-weight-normal custom-font-size-3 mb-xs">专家组成的评审委员会队参赛作品进行评选</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="timeline-balloon pb-xlg mb-sm">
                    <div class="balloon-cell balloon-time pt-xl">
                        <span class="time-text text-color-dark font-weight-bold custom-font-size-3"></span>
                        <div class="time-dot background-color-light"></div>
                    </div>
                    <div class="balloon-cell appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="0">
                        <div class="balloon-content background-color-light text-color-quaternary p-xlg pr-md">
                            <span class="balloon-arrow background-color-light"></span>
                            <div class="balloon-description">
                                <h5 class="text-color-dark text-uppercase font-weight-bold pt-xs mb-sm">获奖公示</h5>
                                <p class="font-weight-normal custom-font-size-3 mb-xs">将评选出金、银、铜、专项及入围奖</p>
                            </div>
                        </div>
                    </div>
                </div>


            </div>



            <div class="col-sm-12 col-md-4">
                <div class="custom-circle-date custom-circle-date-light background-color-light center ml-xl mb-xlg">
                    <div class="circle-dotted">
                        <div class="circle-center">
                            <span class="custom-font-size-6 text-color-dark font-weight-bold text-uppercase mb-none">10.28</span>
                            <span class="text-color-dark font-weight-normal">Oct-28<br><small>重阳节</small></span>
                        </div>
                    </div>
                </div>
                <div class="timeline-balloon pb-xlg mb-sm">
                    <div class="balloon-cell balloon-time pt-xl">
                        <span class="time-text text-color-dark font-weight-bold custom-font-size-3"></span>
                        <div class="time-dot background-color-light"></div>
                    </div>
                    <div class="balloon-cell appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="0">
                        <div class="balloon-content background-color-light text-color-quaternary p-xlg pr-md">
                            <span class="balloon-arrow background-color-light"></span>

                            <div class="balloon-description pl-xl">
                                <h5 class="text-color-dark text-uppercase font-weight-bold pt-xs mb-sm">现场颁奖仪式 & <br/>设计分享会</h5>
                                <p class="font-weight-normal custom-font-size-3 mb-xs"></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="timeline-balloon pb-xlg mb-sm">
                    <div class="balloon-cell balloon-time pt-xl">
                        <span class="time-text text-color-dark font-weight-bold custom-font-size-3"></span>
                        <div class="time-dot background-color-light"></div>
                    </div>
                    <div class="balloon-cell appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="0">
                        <div class="balloon-content background-color-light text-color-quaternary p-xlg pr-md">
                            <span class="balloon-arrow background-color-light"></span>

                            <div class="balloon-description pl-xl">
                                <h5 class="text-color-dark text-uppercase font-weight-bold pt-xs mb-sm">作品宣传展示</h5>
                                <p class="font-weight-normal custom-font-size-3 mb-xs"></p>
                            </div>
                        </div>
                    </div>
                </div>


            </div>



        </div>
        <?php /*
 <div class="row center pt-md pb-xlg mb-sm">
            <div class="col-md-12">
                <a href="" class="btn btn-primary custom-border-radius custom-btn-style-1 font-size-md font-weight-semibold text-color-light text-uppercase outline-none">View More <i class="custom-long-arrow-right" aria-hidden="true"></i></a>
            </div>
        </div>
        */ ?>
    </div>
</section>